<!DOCTYPE html>
<html lang="en">
<head>
    <!-- Meta Tags -->
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
    <!-- Author -->
    <meta name="author" content="ms A+">
    <!-- description -->
    <meta name="description" content="<!--{$config.site_description}-->">
    <!-- keywords -->
    <meta name="keywords" content="<!--{$config.site_keywords}-->">
   <!-- Page Title -->
    <title><!--{$config.site_title}--></title>
    <!-- Favicon -->
    <link rel="icon" href="<!--{$file.url}--><!--{$config.site_favicon}-->" type="image/x-icon" />

    <!-- BOOTSTRAP STYLE SHEET -->
    <link rel="stylesheet" type="text/css" href="<!--{$file.url}-->/static/home/web6/css/bootstrap.min.css">
    <!-- FONTAWESOME STYLE SHEET -->
    <link rel="stylesheet" type="text/css" href="<!--{$file.url}-->/static/home/web6/css/font-awesome.min.css">
    <!-- OWL CAROUSEL STYLE SHEET -->
    <link rel="stylesheet" type="text/css" href="<!--{$file.url}-->/static/home/web6/css/owl.carousel.min.css">
    <!-- SLICK CAROUSEL STYLE SHEET -->
    <link rel="stylesheet" type="text/css" href="<!--{$file.url}-->/static/home/web6/css/slick.min.css">
    <!-- SLICK CAROUSEL STYLE SHEET -->
    <link rel="stylesheet" type="text/css" href="<!--{$file.url}-->/static/home/web6/css/slick-theme.css">
    <!-- MAGNIFIC POPUP STYLE SHEET -->
    <link rel="stylesheet" type="text/css" href="<!--{$file.url}-->/static/home/web6/css/magnific-popup.min.css">
    <!-- SWIPER SLIDER STYLE SHEET -->
    <link rel="stylesheet" type="text/css" href="<!--{$file.url}-->/static/home/web6/css/swiper-bundle.min.css">
    <!-- MAIN STYLE SHEET -->
    <link rel="stylesheet" type="text/css" href="<!--{$file.url}-->/static/home/web6/css/style.css">
    <!-- Lc light box popup -->
    <link rel="stylesheet" href="<!--{$file.url}-->/static/home/web6/css/lc_lightbox.css">
    <!-- Price Range Slider -->
    <link rel="stylesheet" href="<!--{$file.url}-->/static/home/web6/css/bootstrap-slider.min.css">
</head>
<body data-spy="scroll" data-target=".navbar" data-offset="90">
<!-- START LOADER -->
<div class="loader" id="loader-fade">
    <div class="linear-activity">
        <div class="indeterminate"></div>
    </div>
</div>
<div class="page-wraper">
    <header class="site-header header-style-3 mobile-sider-drawer-menu">
        <div class="sticky-header main-bar-wraper  navbar-expand-lg">
            <div class="main-bar">
                <div class="container-fluid clearfix">
                    <div class="logo-header">
                        <div class="logo-header-inner logo-header-one">
                            <a href="/home/web/index">
                                <img src="/static/home/web6/image/back.png" style="height: 25px;width: 25px">
                            </a>
                        </div>
                    </div>
                    <div class="nav-animation header-nav navbar-collapse collapse d-flex justify-content-center">
                    </div>
                    <!-- Header Right Section-->
                    <div class="extra-nav header-2-nav">
                        <div class="extra-cell">
                            <div class="header-lang">
                                <select class="form-select" id="language" style="padding-right: 30px">
                                    <!--{foreach item=item key=key from=$languages}-->
                                    <option value='<!--{$item.value}-->' <!--{if $item.value eq $language}-->selected<!--{/if}-->><!--{$item.name}--></option>
                                    <!--{/foreach}-->
                                </select>

                            </div>
                        </div>

                    </div>
                </div>
            </div>
        </div>
    </header>
    <div class="page-content">
        <div class="wt-bnr-inr overlay-wraper bg-center">
            <div class="overlay-main site-bg-sky opacity-08">
            </div>
        </div>
    <div class="section-full p-t120 p-b90 bg-white" >
        <div class="container">
        <div class="row">
            <div class="col-lg-12 col-md-12">
                <div class="service-full-info">
                    <div class="services-etc m-b30">
                        <div class="service-category-title">
                            <h2>
                                <!--{$article.title}-->
                            </h2>
                        </div>
                        <div class="wt-media">
                            <img src="<!--{$article.imgurl}-->" alt="">
                        </div>
                        <p class="wt-title mt-4 mb-4">
                            <!--{$article.introduction}-->
                        </p>
                        <p>
                            <!--{$article.content}-->
                        </p>


                    </div>
                </div>
            </div>

        </div>
    </div>
    </div>
</div>
</div>



<!-- JAVASCRIPT FILES=========================================-->
<script src="<!--{$file.url}-->/static/home/web6/js/jquery-3.6.0.min.js"></script>
<!-- JQUERY.MIN JS -->
<script src="<!--{$file.url}-->/static/home/web6/js/popper.min.js">
</script>
<!-- POPPER.MIN JS -->
<script src="<!--{$file.url}-->/static/home/web6/js/bootstrap.min.js">
</script>
<!-- BOOTSTRAP.MIN JS -->
<script src="<!--{$file.url}-->/static/home/web6/js/magnific-popup.min.js">
</script>
<!-- MAGNIFIC-POPUP JS -->
<script src="<!--{$file.url}-->/static/home/web6/js/waypoints.min.js">
</script>
<!-- WAYPOINTS JS -->
<script src="<!--{$file.url}-->/static/home/web6/js/counterup.min.js">
</script>
<!-- COUNTERUP JS -->
<script src="<!--{$file.url}-->/static/home/web6/js/waypoints-sticky.min.js">
</script>
<!-- STICKY HEADER -->
<script src="<!--{$file.url}-->/static/home/web6/js/isotope.pkgd.min.js">
</script>
<!-- MASONRY -->
<script src="<!--{$file.url}-->/static/home/web6/js/imagesloaded.pkgd.min.js">
</script>
<!-- MASONRY -->
<script src="<!--{$file.url}-->/static/home/web6/js/owl.carousel.min.js">
</script>
<!-- OWL SLIDER -->
<script src="<!--{$file.url}-->/static/home/web6/js/slick.min.js">
</script>
<!-- SLICK Slider -->
<script src="<!--{$file.url}-->/static/home/web6/js/theia-sticky-sidebar.js">
</script>
<!-- STICKY SIDEBAR -->
<script src="<!--{$file.url}-->/static/home/web6/js/jquery.bootstrap-touchspin.js">
</script>
<!-- FORM JS -->
<script src="<!--{$file.url}-->/static/home/web6/js/lc_lightbox.lite.js">
</script>
<!-- IMAGE POPUP -->
<script src="<!--{$file.url}-->/static/home/web6/js/bootstrap-slider.min.js">
</script>
<!-- Form js -->
<script src="<!--{$file.url}-->/static/home/web6/js/swiper-bundle.min.js">
</script>
<!-- Swiper js -->
<script src="<!--{$file.url}-->/static/home/web6/js/jquery.bgscroll.js">
</script>
<!-- BACKGROUND SCROLL -->
<script src="<!--{$file.url}-->/static/home/web6/js/custom.js">
</script>
<script type="text/javascript">
    $(document).on('change', '#language', function() {
        var selectedValue = $(this).val();
        $.post('/home/web/setlanguage/',{'lang':selectedValue}, function(data) {
            if(data.code==200){
                location.reload();
            }else{
                alert(data.msg)
            }
        })
    });
</script>
</body>
</html>